<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="renderer" content="webkit" />
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0,minimal-ui" />
<title>{$eju.field.seo_title}</title>
<meta name="description" content="{$eju.field.seo_description}" />
<meta name="keywords" content="{$eju.field.seo_keywords}" />
<link href="{eju:global name='web_cmspath' /}/favicon.ico" rel="shortcut icon" type="image/x-icon" />
{eju:static file="skin/css/eju.css" /}
{eju:static file="skin/css/news.css" /}
{eju:static file="skin/css/css.css" /}
{eju:static file="skin/css/loupan.css" /}
{eju:static file="skin/css/ewucms.css" /}
{eju:static file="skin/css/newshowhx.css" /}
{eju:static file="skin/layui/css/layui.css" /}
{eju:static file="skin/font-awesome/css/font-awesome.min.css" /}
{eju:static file="skin/js/jquery.min.js" /}
{eju:static file="skin/js/jquery.form.js" /}
{eju:static file="skin/js/common.js" /}
{eju:static file="skin/layui/layui.js" /}
{eju:static file="skin/js/jquery-1.10.2.min.js" /}
{eju:static file="skin/js/jquery.qrcode.min.js" /}
{eju:static file="skin/css/public.css" /}
</head>
<!--[if IE 6]>
{eju:static file="skin/css/ie6.css" /}
{eju:static file="skin/js/dd_belatedpng_0.0.8a.js" /}
<script type="text/javascript">
    DD_belatedPNG.fix('*');
</script>
<![endif]-->
<body>
<!-- 头部 --> 
{eju:include file="header.htm"/} 
<!-- 头部:end--> 
{eju:static file="skin/js/jquery.form.js" /} 
{eju:static file="skin/js/layer.js" /} 
{eju:static file="skin/js/js.js" /}
<div class="house-crumbs">
  <div class="crumbs"> <span>您的位置：</span>{eju:position style="crumb" /}<em>></em>{$eju.field.xinfang.title} </div>
</div>
<div class="w1200" style="overflow: inherit;"> {eju:static file="skin/css/building_head.css" /}
  <div class="lp-ad"> </div>
  <div class="h10"> </div>
  {eju:include file="follow.htm"/} 
  <!-- 户型信息：begin --> 
  {eju:sqlview table="xinfang_huxing" aid="$eju['param']['sid']"  id="vo_view"}
  <div class="clearfix nb"> 
    <!-- 内容 -->
    <div class="">
      <div class="con">
        <div id="carousel_container">
          <div id="left_scroll"> </div>
          <div id="carousel_inner">
            <ul id="carousel_ul">
              {eju:fanglist name="$eju.field.huxing_list" id="vo"}
              <li class="{eju:eq name='$eju.param.sid' value='$vo.huxing_id'}on{/eju:eq}" data-id="{$vo.huxing_id}"> <a href="{:arcurl('home/Xinfang/index',['aid'=>$eju.field.aid,'dirname'=>$eju.field.dirname,'dirpath'=>$eju.field.dirpath,'column'=>'huxing','sid'=>$vo.huxing_id,'province_id'=>$eju.field.xinfang.province_id,'city_id'=>$eju.field.xinfang.city_id,'area_id'=>$eju.field.xinfang.area_id])}" class="db">
                <p class="f12"> {$vo.huxing_room}室{$vo.huxing_living_room}厅{$vo.huxing_toilet}卫{$vo.huxing_kitchen}厨<br>
                  约{$vo.huxing_area}㎡ </p>
                </a> </li>
              {/eju:fanglist}
            </ul>
          </div>
          <div id="right_scroll"> </div>
        </div>
      </div>
    </div>
    <!-- 内容 end-->
    <div class="box" id="hx_box"> 
      <!-- 内容 -->
      <div class="zhuti yinying">
        <div class="xc_img fl" style="width:747px;margin: 0 20px 20px 20px;border:1px solid #eee">
          <div class="clearfix tf">
            <div class="big_img HD_bigimg"> <a href="javascript:void(0);" class="HD_nowphoto"><img src="{$vo_view.huxing_pic}"></a> <span><a href="{$vo_view.huxing_pic}" target="_blank"><img src="{eju:global name='web_templets_pc' /}/skin/images/seachcode.jpg">查看原图</a></span> </div>
          </div>
        </div>
        <div class="xc-info fl">
          <div class="n-tejia">
            <h1>{$vo_view.huxing_room}室{$vo_view.huxing_living_room}厅{$vo_view.huxing_toilet}卫{$vo_view.huxing_kitchen}厨<i>{$vo_view.sale_status}</i></h1>
            <div class="pic"> <i>约{$vo_view.huxing_price}</i>万元/套
              <button>
              <a href="#" target="_blank">咨询首付及贷款明细</a>
              </button>
            </div>
            <div class="xc-tags"> {eju:notempty name='$vo_view.huxing_characteristic' /}
              {eju:volist name='$vo_view.huxing_characteristic|explode=",",###' id='field1'} <a href="javascript:;" style="cursor:default;" class="tags-1">{$field1}</a> {/eju:volist}
              {/eju:notempty}
              <div class="clear"> </div>
            </div>
            <div class="h-x-i">
              <div class="h-left">
                <p>
                  <label>面积：</label>
                  {$vo_view.huxing_area}㎡ </p>
                <p>
                  <label>类型：</label>
                  {eju:diyfield type='checkbox' id='manage_type' name='$eju.field.manage_type'}
                  {$manage_type.value}
                  {/eju:diyfield} </p>
              </div>
              <div class="h-right">
                <p>
                  <label>朝向：</label>
                  {$vo_view.huxing_aspect} </p>
                <p>
                  <label>装修：</label>
                  {eju:diyfield type='checkbox' id='fitment' name='$eju.field.fitment'}
                  {$fitment.value}
                  {/eju:diyfield} </p>
              </div>
              <div class="clear"> </div>
            </div>
            <div class="telphon-w-box"> {eju:form formid="1"}
              <form method="post" id="{$field.form_name}" action="{$field.action}" onsubmit="{$field.submit}">
                <span>预约看房</span>
                <div class="telphone"><i></i>
                  <input type="text" id="{$field.attr_1}" name="{$field.attr_1}" placeholder="{$field.itemname_1}">
                </div>
                <input type="submit" value="前往预约">
                {$field.hidden}
              </form>
              {/eju:form} </div>
          </div>
        </div>
      </div>
      <!-- 内容 end--> 
    </div>
  </div>
  <!-- 户型信息：end -->
  <div class="h20"> </div>
  <!-- 户型点评:begin -->
  <div class="nb zydp"> 
    <!-- 置业信息:begin -->
    <div class="zhiye">
      <div class="m-auto">
        <div class="zy-head"> <img src="{$eju.field.saleman.saleman_pic}" alt="{$eju.field.saleman.true_name}"> </div>
      </div>
      <div class="m-auto"> <span class="name">{$eju.field.saleman.true_name}</span> </div>
      <div class="m-auto"> <span>已有<i class="red">{$eju.field.saleman.consult}</i>人免费咨询</span> </div>
      <div class="m-auto"> <span><a href="{$eju.field.saleman.party}" target="_blank">
        <button>向TA咨询</button>
        </a></span> </div>
    </div>
    <!-- 置业信息:end --> 
    <!-- 户型点评信息:begin -->
    <div class="dp-info">
      <h3>户型点评</h3>
      <div class="info"> <i class="sanj"></i> {$vo_view.huxing_remark} </div>
    </div>
    <!-- 户型点评信息:end --> 
  </div>
  <!-- 户型点评:end -->
  
  <div class="h20"> </div>
  <!-- 其他户型:begin -->
  <div class="nb zydp">
    <div class="hx-type">
      <div class="h-t"> <span class="active" data="1">相同户型</span><span data="2">其他户型</span> </div>
      <div class="hx-box">
        <div class="layui-carousel" id="test1">
          <div carousel-item>
            <div>
              <ul class="qt-hx">
                {eju:sqlarclist  table="xinfang_huxing" addfields="title" jointable="[['table'=>'__ARCHIVES__ b','map'=>'a.aid = b.aid','method'=>'LEFT']]" map="[$vo_view['huxing_room'],0]" mapkey="['huxing_room','a.is_del']" limit="0,4"  id="vo"}
                <li> <a class="auto-box" href="{:arcurl('home/Xinfang/index',['aid'=>$vo.aid,'dirname'=>$eju.field.dirname,'dirpath'=>$eju.field.dirpath,'column'=>'huxing','sid'=>$vo.huxing_id,'province_id'=>$eju.field.xinfang.province_id,'city_id'=>$eju.field.xinfang.city_id,'area_id'=>$eju.field.xinfang.area_id])}">
                  <div class="qt-thumb"> <img src="{$vo.huxing_pic}" alt=""><i>{$vo.sale_status}</i><span>{$vo.title}</span> </div>
                  <p class="qt-tit"> {$vo.huxing_room}室{$vo.huxing_living_room}厅{$vo.huxing_toilet}卫{$vo.huxing_kitchen}厨 </p>
                  <p class="qt-mj"> 约{$vo.huxing_area}㎡ </p>
                  </a>
                  <div class="tags"> {eju:notempty name='$vo.huxing_characteristic' /}
                    {eju:volist name='$vo.huxing_characteristic|explode=",",###' id='field1'} <a href="javascript:;" style="cursor:default;" class="tags-1">{$field1}</a> {/eju:volist}
                    {/eju:notempty} </div>
                </li>
                {/eju:sqlarclist}
              </ul>
            </div>
            <div>
              <ul class="qt-hx">
                {eju:sqlarclist  table="xinfang_huxing" addfields="title" jointable="[['table'=>'__ARCHIVES__ b','map'=>'a.aid = b.aid','method'=>'LEFT']]" map="[$vo_view['huxing_room'],0]" mapkey="['huxing_room','a.is_del']" limit="4,4"  id="vo"}
                <li> <a class="auto-box" href="{:arcurl('home/Xinfang/index',['aid'=>$vo.aid,'dirname'=>$eju.field.dirname,'dirpath'=>$eju.field.dirpath,'column'=>'huxing','sid'=>$vo.huxing_id,'province_id'=>$eju.field.xinfang.province_id,'city_id'=>$eju.field.xinfang.city_id,'area_id'=>$eju.field.xinfang.area_id])}">
                  <div class="qt-thumb"> <img src="{$vo.huxing_pic}" alt=""><i>{$vo.sale_status}</i><span>{$vo.title}</span> </div>
                  <p class="qt-tit"> {$vo.huxing_room}室{$vo.huxing_living_room}厅{$vo.huxing_toilet}卫{$vo.huxing_kitchen}厨 </p>
                  <p class="qt-mj"> 约{$vo.huxing_area}㎡ </p>
                  </a>
                  <div class="tags"> {eju:notempty name='$vo.huxing_characteristic' /}
                    {eju:volist name='$vo.huxing_characteristic|explode=",",###' id='field1'} <a href="javascript:;" style="cursor:default;" class="tags-1">{$field1}</a> {/eju:volist}
                    {/eju:notempty} </div>
                </li>
                {/eju:sqlarclist}
              </ul>
            </div>
            <div>
              <ul class="qt-hx">
                {eju:sqlarclist  table="xinfang_huxing" addfields="title" jointable="[['table'=>'__ARCHIVES__ b','map'=>'a.aid = b.aid','method'=>'LEFT']]" map="[$vo_view['huxing_room'],0]" mapkey="['huxing_room','a.is_del']" limit="8,4"  id="vo"}
                <li> <a class="auto-box" href="{:arcurl('home/Xinfang/index',['aid'=>$vo.aid,'dirname'=>$eju.field.dirname,'dirpath'=>$eju.field.dirpath,'column'=>'huxing','sid'=>$vo.huxing_id,'province_id'=>$eju.field.xinfang.province_id,'city_id'=>$eju.field.xinfang.city_id,'area_id'=>$eju.field.xinfang.area_id])}">
                  <div class="qt-thumb"> <img src="{$vo.huxing_pic}" alt=""><i>{$vo.sale_status}</i><span>{$vo.title}</span> </div>
                  <p class="qt-tit"> {$vo.huxing_room}室{$vo.huxing_living_room}厅{$vo.huxing_toilet}卫{$vo.huxing_kitchen}厨 </p>
                  <p class="qt-mj"> 约{$vo.huxing_area}㎡ </p>
                  </a>
                  <div class="tags"> {eju:notempty name='$vo.huxing_characteristic' /}
                    {eju:volist name='$vo.huxing_characteristic|explode=",",###' id='field1'} <a href="javascript:;" style="cursor:default;" class="tags-1">{$field1}</a> {/eju:volist}
                    {/eju:notempty} </div>
                </li>
                {/eju:sqlarclist}
              </ul>
            </div>
          </div>
        </div>
        <div class="layui-carousel" id="test2" style="display: none;">
          <div carousel-item>
            <div>
              <ul class="qt-hx">
                {eju:sqlarclist addfields="title" jointable="[['table'=>'__ARCHIVES__ b','map'=>'a.aid = b.aid','method'=>'LEFT']]" table="xinfang_huxing" map="[['neq',$vo_view['huxing_room']],0]" mapkey="['huxing_room','a.is_del']" limit="0,4"  id="vo"}
                <li> <a class="auto-box" href="{:arcurl('home/Xinfang/index',['aid'=>$vo.aid,'dirname'=>$eju.field.dirname,'dirpath'=>$eju.field.dirpath,'column'=>'huxing','sid'=>$vo.huxing_id,'province_id'=>$eju.field.xinfang.province_id,'city_id'=>$eju.field.xinfang.city_id,'area_id'=>$eju.field.xinfang.area_id])}">
                  <div class="qt-thumb"> <img src="{$vo.huxing_pic}" alt=""><i>{$vo.sale_status}</i><span>{$vo.title}</span> </div>
                  <p class="qt-tit"> {$vo.huxing_room}室{$vo.huxing_living_room}厅{$vo.huxing_toilet}卫{$vo.huxing_kitchen}厨 </p>
                  <p class="qt-mj"> 约{$vo.huxing_area}㎡ </p>
                  </a>
                  <div class="tags"> {eju:notempty name='$vo.huxing_characteristic' /}
                    {eju:volist name='$vo.huxing_characteristic|explode=",",###' id='field1'} <a href="javascript:;" style="cursor:default;" class="tags-1">{$field1}</a> {/eju:volist}
                    {/eju:notempty} </div>
                </li>
                {/eju:sqlarclist}
              </ul>
            </div>
            <div>
              <ul class="qt-hx">
                {eju:sqlarclist addfields="title" jointable="[['table'=>'__ARCHIVES__ b','map'=>'a.aid = b.aid','method'=>'LEFT']]" table="xinfang_huxing" map="[['neq',$vo_view['huxing_room']],0]" mapkey="['huxing_room','a.is_del']" limit="4,4"  id="vo"}
                <li> <a class="auto-box" href="{:arcurl('home/Xinfang/index',['aid'=>$vo.aid,'dirname'=>$eju.field.dirname,'dirpath'=>$eju.field.dirpath,'column'=>'huxing','sid'=>$vo.huxing_id,'province_id'=>$eju.field.xinfang.province_id,'city_id'=>$eju.field.xinfang.city_id,'area_id'=>$eju.field.xinfang.area_id])}">
                  <div class="qt-thumb"> <img src="{$vo.huxing_pic}" alt=""><i>{$vo.sale_status}</i><span>{$vo.title}</span> </div>
                  <p class="qt-tit"> {$vo.huxing_room}室{$vo.huxing_living_room}厅{$vo.huxing_toilet}卫{$vo.huxing_kitchen}厨 </p>
                  <p class="qt-mj"> 约{$vo.huxing_area}㎡ </p>
                  </a>
                  <div class="tags"> {eju:notempty name='$vo.huxing_characteristic' /}
                    {eju:volist name='$vo.huxing_characteristic|explode=",",###' id='field1'} <a href="javascript:;" style="cursor:default;" class="tags-1">{$field1}</a> {/eju:volist}
                    {/eju:notempty} </div>
                </li>
                {/eju:sqlarclist}
              </ul>
            </div>
            <div>
              <ul class="qt-hx">
                {eju:sqlarclist addfields="title" jointable="[['table'=>'__ARCHIVES__ b','map'=>'a.aid = b.aid','method'=>'LEFT']]" table="xinfang_huxing" map="[['neq',$vo_view['huxing_room']],0]" mapkey="['huxing_room','a.is_del']" limit="8,4"  id="vo"}
                <li> <a class="auto-box" href="{:arcurl('home/Xinfang/index',['aid'=>$vo.aid,'dirname'=>$eju.field.dirname,'dirpath'=>$eju.field.dirpath,'column'=>'huxing','sid'=>$vo.huxing_id,'province_id'=>$eju.field.xinfang.province_id,'city_id'=>$eju.field.xinfang.city_id,'area_id'=>$eju.field.xinfang.area_id])}">
                  <div class="qt-thumb"> <img src="{$vo.huxing_pic}" alt=""><i>{$vo.sale_status}</i><span>{$vo.title}</span> </div>
                  <p class="qt-tit"> {$vo.huxing_room}室{$vo.huxing_living_room}厅{$vo.huxing_toilet}卫{$vo.huxing_kitchen}厨 </p>
                  <p class="qt-mj"> 约{$vo.huxing_area}㎡ </p>
                  </a>
                  <div class="tags"> {eju:notempty name='$vo.huxing_characteristic' /}
                    {eju:volist name='$vo.huxing_characteristic|explode=",",###' id='field1'} <a href="javascript:;" style="cursor:default;" class="tags-1">{$field1}</a> {/eju:volist}
                    {/eju:notempty} </div>
                </li>
                {/eju:sqlarclist}
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 其他户型:end --> 
  <!-- 热销楼盘 --> 
  {/eju:sqlview}
  <div class="house-com-k-2 mt20 nb">
    <div class="tit" >
      <h2>热门新盘</h2>
    </div>
    <div style="padding: 15px 15px 0;overflow: hidden;width: 1153px;">
      <div class="clearfix" style="width: 1300px;"> 
        <!--lise  --> 
        {eju:arclist channelid='9' row="4" titlelen="30" orderby='add_time' orderWay='desc'}
        <div class="fl lp-col-s1" style="margin-right: 25px;width: 273px!important;height: auto;"> <a href="{$field.arcurl}" target="_blank" class="lp-col-1" title="{$field.title}" style="width: 273px;height: 182px;">
          <div class="echo-img"> <img src="{eju:global name='web_templets_pc' /}/skin/images/blank.gif" data-echo="{$field.litpic}" alt="{$field.title}" class="trs lazy" style="width: 273px;height: 182px;"> </div>
          </a>
          <p class="mt10 lpm-section7-1"> <span class="fr" style="color: #999">[{$field.city_id|get_city_name}]</span> <a target="_blank" href="{$field.arcurl}" style="font-size: 16px">{$field.title}</a>
          
          <div class="clear"> </div>
          </p>
          <div class="hh-pr mt5"> <a href="{eju:global name='web_attr_3' /}" data-swt="{eju:global name='web_attr_3' /}" class="hh-swt swtopen" target="_blank">在线咨询</a>
            <p class=""> 均价：<span class="red" style="font-weight: 700;font-size: 18px;">{$field.average_price}元/㎡</span> </p>
          </div>
        </div>
        {/eju:arclist} 
        
        <!--lise  end--> 
      </div>
    </div>
  </div>
  <div class="house-com-k-2 mt20 nb">
    <div class="tit" >
      <h2>猜你喜欢</h2>
    </div>
    <div style="padding: 15px 15px 0;overflow: hidden;width: 1153px;">
      <div class="clearfix" style="width: 1300px;"> 
        <!--lise  --> 
        {eju:arclist channelid='9' row="4" flag='a' titlelen="30" orderby='add_time' orderWay='desc'}
        <div class="fl lp-col-s1" style="margin-right: 25px;width: 273px!important;height: auto;"> <a href="{$field.arcurl}" target="_blank" class="lp-col-1" title="{$field.title}" style="width: 273px;height: 182px;">
          <div class="echo-img"> <img src="{eju:global name='web_templets_pc' /}/skin/images/blank.gif" data-echo="{$field.litpic}" alt="{$field.title}" class="trs lazy" style="width: 273px;height: 182px;"> </div>
          </a>
          <p class="mt10 lpm-section7-1"> <span class="fr" style="color: #999">[{$field.city_id|get_city_name}]</span> <a target="_blank" href="{$field.arcurl}" style="font-size: 16px">{$field.title}</a>
          
          <div class="clear"> </div>
          </p>
          <div class="hh-pr mt5"><a href="{eju:global name='web_attr_3' /}" data-swt="{eju:global name='web_attr_3' /}" class="hh-swt swtopen" target="_blank">在线咨询</a>
            <p class=""> 均价：<span class="red" style="font-weight: 700;font-size: 18px;">{$field.average_price}元/㎡</span> </p>
          </div>
        </div>
        {/eju:arclist} 
        <!--lise  end--> 
      </div>
    </div>
  </div>
  <!-- 为你推荐:end --> 
</div>
<div class="h20"> </div>
<script type="text/javascript">
    // 户型轮播
    layui.use(['carousel','layer'], function(){
        var carousel = layui.carousel
            ,layer = layui.layer;
        carousel.render({
            elem: '#test1'
            ,width: '100%'
            ,height: '350px'
            ,arrow: 'none'
            ,interval: 8000
        });
        carousel.render({
            elem: '#test2'
            ,width: '100%'
            ,height: '350px'
            ,arrow: 'none'
            ,interval: 8000
        });
    });
    // 户型轮播切换
    $('.h-t').children('span').click(function () {
        var data = $(this).attr('data');
        $(this).addClass('active').siblings().removeClass('active');
        $('.hx-box').children('#test'+data).show().siblings().hide();
    });
    //楼盘相册左右点击
    var width = $('#carousel_ul').children('li').length;
    $('#carousel_ul').css('width',width*120+5);
    //右滑相册
    var index = 1;
    var num = 0;

    $('#right_scroll').click(function(){
        if(index >= width-8){
            layer.alert('已经是最后一张了，试试往前滑吧！！', {icon: 6});
        }else{
            num = -120*index;
            $("#carousel_ul").animate({marginLeft: num}, "slow");
            index++;
        }
    });
    //左滑相册
    $('#left_scroll').click(function(){
        if(index <= 1){
            layer.alert('不能再往前了..', {icon: 5});
        }else{
            num = parseInt(num)+120;
            $("#carousel_ul").animate({marginLeft: num}, "slow");
            index--;
        }
    });
</script> 
{eju:static file="skin/js/jqmodal.js" /}
{eju:static file="skin/js/house.index.js" /} 
<!-- 底部 --> 
{eju:include file="footer.htm"/} 
<!-- 底部end --> 
<!-- 报名看房 -->
<div class="black-bg" style="display: none;" id="black_bg"></div>
<div class="send-mess lpm-bx3" style="display: none;">
  <p class="regist-title"><span class="lpm-bx3-t"></span> <span class="close close-send lpm-colse2" title="关闭" id="bmkfCallClose">×</span></p>
  <div class="regist-form">
    <p class="send-mess-text1" id="box1_t">请留下手机号码，置业顾问会尽快联系您</p>
    {eju:form formid="1"  success='closeregist'}
    <form method="post" id="{$field.form_name}" action="{$field.action}" onsubmit="{$field.submit}">
      <input type="text" class="regist-input3 mt15" id="{$field.attr_1}" name="{$field.attr_1}" placeholder="{$field.itemname_1}" >
      <div class="h30"> </div>
      <input type="submit" value="提交" class="regist-submit">
      {$field.hidden}
    </form>
    {/eju:form} </div>
</div>
<!-- 报名看房 end-->
</body>
</html>